<template>
  <div class="goods_list">
    <div class="item">
      <goodsItem
        v-for="(item, index) in goodsList"
        :key="index"
        :item="item"
      ></goodsItem>
    </div>
  </div>
</template>

<script>
import goodsItem from "./goodItem.vue";
export default {
  props: {
    goodsList: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    goodsItem,
  },
  mounted() {
    console.log(this.goodsList);
  },
};
</script>

<style lang ='less' scoped>
.goods_list {
  .item {
    display: flex;
    flex-wrap: wrap;
  }
}
</style>